import { useIntersectionObserver } from '@vueuse/core'
import { ref } from 'vue'
// 当dom进入可视区域时调用api方法
// 1：api不能写死，传入到方法内
// 2：dom不能写死，方法return 出去的
export function apiLazy (api: () => void) {
  const dom = ref(null)
  const { stop } = useIntersectionObserver(
    dom,
    ([{ isIntersecting }], options) => {
      console.log('options', options)

      if (isIntersecting) {
        // 调用接口
        api()
        stop()
      }
    },
    {
      threshold: 0 // 范围是0-1m，默认是0.1左右
    }
  )
  return dom
}
